﻿<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="wap-font-scale" content="no">
		<title>China PAINTED DOOR Manufacturers, Factory - Buy PAINTED DOOR at Good Price-Maifeier(Tianjin) Wood Industry Co., Ltd</title>
		<link rel="shortcut icon" href="https://static.tigerwing.net/Content/upload/623823/logo-ico-316.ico">
		<style type="text/css">
    .btn_edit_widget {
        position: absolute;
        width: 70px;
        height: 20px;
        border-radius: 5px;
        background-color: #f00;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        z-index: 99999;
        cursor: pointer;
    }
</style>
<script type="text/javascript">
    function editWidget(widgetId, widgetType, adminDomain)
    {
        var url = "http://" + adminDomain + "/AdminWidget/" + widgetType + "?widgetId=" + widgetId;
        window.open(url, "_blank");
    } 

    var logJs = document.createElement('script');
    logJs.type = 'text/javascript';
    logJs.async = true;
    logJs.charset = 'utf-8';
    logJs.src = '/api/log?httpReferer=' + document.referrer;
    var rootJs = document.getElementsByTagName('script')[0];
    rootJs.parentNode.insertBefore(logJs, rootJs);
</script>
	</head>
	<body>
		<link href="static/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="static/css/init.css" rel="stylesheet" type="text/css">
<link href="static/css/iconfont.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="https://static.tigerwing.net/Content/upload/623823/logo-ico-316.ico" type="image/x-icon">
<!-- pc导航 -->
		<header class="header">
		    <div class="header-wrap">
		        <div class="wd1600 header-content wrapper">
<!-- 					<tw:menu>
					<div class="header-left">
						<div class="header-logo">
							<a title="Maifeier(Tianjin) Wood Industry Co., Ltd" href="/">
								<img class="lazyload" alt=""  data-src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp" src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp">
							</a>
						</div>
						<div class="header-nav">
							<ul id="main-menu">
								<item>
									<li class="site_top">
										<a href="[url:0]" title="[name:0]" class="top_link">[name:0]</a>
											<child>
												<ul class="site_second_ul">
												  <li class="site_second"><a href="[url:1]" title="[name:1]">[name:1]</a></li>
												</ul>
											</child>
									</li>
								</item>
							</ul>
						</div>
					</div>
					</tw:menu> -->
	
					<div class="header-left">
						<div class="header-logo">
							<a title="Maifeier(Tianjin) Wood Industry Co., Ltd" href="index.html">
								<img class="lazyload" alt="" data-src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp" src="static/picture/logo-693.png.webp">
							</a>
						</div>
						<div class="header-nav">
							<ul id="main-menu">
								<li><a href="index.html" title="Home">Home</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="about.html" title="About Us">About Us</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="products.html" title="Products">Products</a> 
									<ul class="active">	
									<li><a href="maifeier-doors.html" title="MAIFEIER  DOORS">MAIFEIER  DOORS</a>
											<ul class="sub-ul">
												<li><a href="pvc-door1.html" title="PVC door">PVC door</a></li><li><a href="/products/painted-door/" title="Painted door">Painted door</a></li><li><a href="aluminium-door1.html" title="Aluminium door">Aluminium door</a></li>
											</ul>	
										</li><li><a href="maifeier-window.html" title="MAIFEIER WINDOW">MAIFEIER WINDOW</a>
											<ul class="sub-ul">
												<li><a href="sliding-window.html" title="Sliding window">Sliding window</a></li><li><a href="balcony-window.html" title="Balcony window">Balcony window</a></li><li><a href="casement-window.html" title="Casement window">Casement window</a></li>
											</ul>	
										</li><li><a href="maifeier-cabinet.html" title="MAIFEIER CABINET">MAIFEIER CABINET</a>
											<ul class="sub-ul">
												<li><a href="/products/wardrobe/" title="Wardrobe">Wardrobe</a></li><li><a href="cupboard1.html" title="Cupboard">Cupboard</a></li><li><a href="bathroom-cabinet1.html" title="Bathroom cabinet">Bathroom cabinet</a></li>
											</ul>	
										</li><li><a href="maifeier-others.html" title="MAIFEIER OTHERS">MAIFEIER OTHERS</a>
											<ul class="sub-ul">
												<li><a href="skirting.html" title="Skirting">Skirting</a></li><li><a href="wallpanel.html" title="Wallpanel">Wallpanel</a></li>
											</ul>	
										</li>
									</ul>	
								</li><li><a href="articles.html" title="News">News</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="download.html" title="Download">Download</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="faq.html" title="Faq">Faq</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="contact.html" title="Contact Us">Contact Us</a> 
									<ul class="active">	
									
									</ul>	
								</li>
							</ul>
						</div>
					</div>
					<div class="header-right">
						<div class="search-container">
							<form class="search-form" id="search-form" action="/Home/Search" method="get">
						        <input type="text" class="search-input keyword" placeholder="Search" name="Keyword" notnull="" value="">
						        <button type="submit" class="search-submit"></button>
						    </form>
						    <div class="search-icon" id="search-icon"></div>
						</div>
						<div class="header-menu language">
								<div class="cur">
									<e>English <i class="iconfont">&#xe628;</i></e>
									<ul class="language-list">
										<li>
											<a href="https://mfeir.com" title="English" class="en">English</a>
										</li>
									</ul>
								  </div>
						  </div>
					</div>
		        </div>
				
		    </div>
		</header>

<!--Mo导航 -->
		<div class="header2">
			<div class="main-wrap f-cb">
				<h1 class="logo fl">
					<a href="#">
						<img class="img2" src="static/picture/logo-693.png.webp" alt="">
					</a>
				</h1>
				<div class="header-right">
					<div class="search-container">
					    <form class="search-form" action="/Home/Search" method="get" id="search-form2">
							<div class="search-close"><i></i></div>
					        <input type="text" class="search-input keyword" placeholder="Search" name="Keyword" notnull="" value="">
					        <button type="submit" class="search-submit"></button>
					    </form>	
					    <div class="search-icon" id="search-icon2"></div>
					</div>
					<div class="header-menu language fr">
						    <div class="cur">
						    	<e>English <i class="iconfont">&#xe628;</i></e>
						    	<ul class="language-list">
						    		<li>
						    			<a href="https://mfeir.com" title="English" class="en">English</a>
						    		</li>
						    	</ul>
						      </div>
						</div>
						<div class="nav-btn fr">
							<span class="line line1"></span>
							<span class="line line2"></span>
							<span class="line line3"></span>
						</div>
					
				</div>
				</div>
			<div class="sub-menu">
				<ul id="main-menu">
				   <li class="delay01 animate"><a class="tits" href="index.html">Home</a></li><li class="delay01 animate"><a class="tits" href="about.html">About Us</a></li><li class="delay01 animate"><a class="tits" href="products.html">Products</a></li><li class="delay01 animate"><a class="tits" href="articles.html">News</a></li><li class="delay01 animate"><a class="tits" href="download.html">Download</a></li><li class="delay01 animate"><a class="tits" href="faq.html">Faq</a></li><li class="delay01 animate"><a class="tits" href="contact.html">Contact Us</a></li>
				</ul>
			</div>
		</div>
<script>
	 //下标
	 document.addEventListener("DOMContentLoaded", function() {
			var listItems = document.querySelectorAll("#main-menu li");

			listItems.forEach(function(item) {
			var anchor = item.querySelector("a");
			var sublist = item.querySelector("ul");

			if (anchor !== null && sublist !== null && sublist.querySelectorAll("li").length > 0) {
				var icon = document.createElement("i");
				icon.className = "sub-arrow"; // 添加 class
				anchor.appendChild(icon); // 将 <i> 添加到 <a> 标签内
			}
			});
		});
		
		//搜索
		$(".search-submit").on("click", function() {
		    if ($(".keyword").val().length == 0) {
		        alert("Keyword cannot be empty!");
		        return;
		    }
		    window.location = "/Home/Search?keyword=" + $("#keyword").val();
		});
</script>
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="static/css/swiper-bundle.min.css">
		<link href="static/css/product.css" rel="stylesheet" type="text/css">
		
		<!-- banner -->
		<div class="wd1600">
			<div class="breadcrumb mt30"><a href="index.html">Home</a><a href="products.html">Painted door</a><a href="javascript:void(0);">Painted door</a></div>
		</div>
		<!-- main -->
		<div class="main">
			<div class="wd1600 proMain">
				<div class="proLeft">
					<div class="proPic">
						 <div class="e_box left ">
							<div class="bigPic">
									<div class="swiper-container mySwiper wyz-top">
										<div class="swiper-wrapper picBox">
											<div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR8-618.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR8-618.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR7-443.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR7-443.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR6-120.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR6-120.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR5-267.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR5-267.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR4-844.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR4-844.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR3-521.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR3-521.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR2-668.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR2-668.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/PAINTED-DOOR1-346.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR1-346.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div>			
										</div>
										<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
									</div>
							</div>
							<div class="thuilm">	
								<div class="swiper-container wyz-thumbs">
									<div class="swiper-wrapper">
									</div>
									<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
								</div>
								
								<div class="swiper-button pro-left swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true">
									<i class="iconfont icon-left"></i>
								</div>
								<!-- 鍙?-->
								<div class="swiper-button pro-right swiper-button-disabled" tabindex="0" role="button" aria-label="Next slide" aria-disabled="true">
									<i class="iconfont icon-right"></i>
								</div>
							</div>
						</div>
						<!--澶у浘-->
						<div class="bigBox hide">
						    <div class="bigBox2">
								<img src="" data-src="" class="bigpicA">
						    </div>
						</div>
					</div>	
					<div class="proRight">
						<h1 class="p-title">PAINTED DOOR</h1> 
						<div class="proItem">
							<h2>China PAINTED DOOR offered by Maifeier(Tianjin) Wood Industry Co., Ltd, They are used in Residential buildings, Commercial buildings</h2>
							<div class="ProContent">
									
								</div>
						</div>
						<div class="p-btn">
								<a class="btn btn-bg" href="contact.html">Inquiry</a>
							</div>
					</div>			
				</div>	
			</div>
			<div class="wd1600 detial">
				<p class="smalltit">Describe Details</p>
				<div class="detialCon">
					Good moisture-proof performance: The surface paint treatment of the painted door provides good moisture-proof performance<br>
Not easy to crack and deform: the paint door is strong and wear-resistant, and not easy to deform<br>
Strong stain resistance: The surface of the painted door is easy to clean and has strong stain resistance<br>
				</div>
			</div>
			<div class="wd1600 relative">
				<p class="smalltit">Related Products</p>
				<div class="relativePbox">
					<div class="proLi">
						<a href="" title="PAINTED DOOR" target="_blank" style="display: inline-block;">
							<div class="ImgBox">
								<picture>
									<source type="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR8-618.jpg_300x300.webp" media="(max-width: 760px)" srcset="">
									<img alt="" style="" class="lazyload zoom-in" src="static/picture/PAINTED-DOOR8-618.jpg_300x300.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/PAINTED-DOOR8-618.jpg_300x300.webp">  
								</picture>
							  </div>
							<div class="txtBox">	
							 <h3 class="proTitle">PAINTED DOOR</h3>
							 <p class="proSummry">China PAINTED DOOR offered by Maifeier(Tianjin) Wood Industry Co., Ltd, They are used in Residential buildings, Commercial buildings</p>
						  </div>
						</a>
					</div>
				</div>
			</div>
		</div>
	<!-- foot -->
	<!-- foot -->
		<div class="footer">
			<div class="wd1600 footbox">
					 
				<div class="company-infos">
					<div>
					<img src="static/picture/logo-693.png" alt="Maifeier(Tianjin) Wood Industry Co., Ltd" class="footer-logo">
					<p>Caoci Village, Chengguan Town, Wuqing District, Tianjin</p>
					<p class="info-text"><a href="mailto:mfeirmuye@163.com">E-mail: mfeirmuye@163.com</a></p>
					<p class="info-text">Tel: +86 15313336008</p>	
					<div class="link">
						<a href="" title="Facebook" target="_blank" rel="noopener"><i class="icon_facebook"></i></a>
						<a href="" title="Twitter" target="_blank" rel="noopener"><i class="icon_twitter"></i></a>
						<a href="" title="Linkedin" target="_blank" rel="noopener"><i class="icon_instagram"></i></a>
						<a href="[vk]" title="Facebook" target="_blank" rel="noopener"><i class="icon_vk"></i></a>
						<a href="" title="Youtube" target="_blank" rel="noopener"><i class="icon_youtobe"></i></a>
					</div>
					</div>
				</div>
				
				
				<div class="quicklinks">
					<h4>Quick Links</h4>
					<div>
						<a href="index.html">Home</a><a href="about.html">About Us</a><a href="products.html">Products</a><a href="articles.html">News</a><a href="download.html">Download</a><a href="faq.html">Faq</a><a href="contact.html">Contact Us</a>
					</div>
				</div>
				
				<div class="message">
					<h4>Online Message</h4>
					<div class="inputBox">
						<form id="footet_chat_form" class="form">
							<input name="Name" class="InputText" id="name" maxlength="64" type="text" placeholder="*Name" tit="Name" required="">
							<input name="Email" class="InputText" id="email" maxlength="64" type="text" placeholder="*Email" tit="Email" required="">
							<input name="body" class="InputText" id="message" maxlength="64" type="text" placeholder="*Message" tit="Message" required="">
							<button type="submit" id="footer_chat_btn" class="btn btn-bg btn_small">Contact Us</button>
						</form>
					</div>
				</div>
			</div>
			<div class="wd1600 copyRights">
				<p>Maifeier(Tianjin) Wood Industry Co., Ltd  <span>&#169;</span> All Rights Reserved</p>
				<p><a href="sitemap.xml" target="_blank">sitemap.xml</a><a href="sitemap.html" target="_blank">sitemap.html</a></p>
				<p><a href="https://www.sourcingagent.cn/" target="_blank">Sourcing Agent China</a></p>
			</div>
		</div>
		<!-- 鍗虫椂鑱婂ぉ浠ｇ爜 -->
		<div id="chat_window">
		    <div class="chat_box is_respon ">
		        <div class="box trans_05">
		            <div class="box_area">
		                    <a rel="nofollow" href="tel:+8615313336008" title="+8615313336008" target="_blank" class="chat_item" style="background-image: url(static/image/phone.gif);background-position: center;background-size: 100%;background-repeat: no-repeat;">
		                            +8615313336008 </a><a rel="nofollow" href="mailto:mfeirmuye@163.com" title="mfeirmuye@163.com" target="_blank" class="chat_item" style="background-image: url(static/image/email.gif);background-position: center;background-size: 100%;background-repeat: no-repeat;">
		                            mfeirmuye@163.com </a>
		                </div>
		            <span class="chat_close"></span>
		        </div>
		        <div class="chat_box_menu">
		            <a href="javascript:;" class="more default_show"></a>
		            <a href="javascript:;" id="go_top" class="top trans_05"></a>
		        </div>
		    </div>
		</div>
		
<!-- inquery -->
<div class="inquery inquery-none">
	<button type="submit" class="elementor-btn" id="submit_fm">Inquiry</button>
</div>


<script src="static/js/jquery-3.4.1.min.js"></script>
<!-- 鎳掑姞杞?-->
<script type="text/javascript" src="static/js/lazyLoad.js"></script>
<!-- 鍏叡js -->
<script type="text/javascript" src="static/js/common.js"></script>
<script>
	$(document).ready(function() {
		 $("#footer_chat_btn").on("click", function() {
		 var email = $('#email').val();
			 if ($("#name").val().length == 0) {
			     alert("Name cannot be empty!");
			     return false;
			 }
			 if ($("#email").val().length == 0) {
			     alert("Email cannot be empty!");
			     return false;
			 }
			 if (!isValidEmail($("#email").val())) {
			            alert('Invalid email format!');
			     return false;
			 }
			 if ($("#message").val().length == 0) {
			     alert("Message cannot be empty!");
			    return false;
			 }
		 $.post("/Api/Note", $("#footet_chat_form").serialize(), function(data, status) {
			 if (data == "T") {
				 window.location.href= '/thank.html';
			 } else {}
		 }); 
	 });
	  function isValidEmail(email) {
	         var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
	         return emailRegex.test(email);
	     }
	 
	})
</script>
	<!--<div class="pop_out_bg">
    <div class="pop_out">
        <span class="pop_close" title="关闭"> x </span>
        <div>
            <h3><tw:label text="下载产品手册" /></h3>
            <p>
                <tw:label text="请填写你的Email,我们将给您发送最新产品手册" />
            </p>
            <form id="popform" method="post">
                <input id="pop_email" class="pop_email" autocomplete="new-password" name="email" placeholder="email"/>
                <input id="pop_address" class="pop_address"  name="address" type="hidden" value="123"/>
                <input id="pop_submit" class="pop_submit" type="button" value="DOWNLOAD">
            </form>
        </div>
    </div>
</div>-->

		<!-- 浜у搧杞挱 -->
		<script type="text/javascript" src="static/js/proSwiper.js"></script>
		<!-- 鍏叡js -->
		<script type="text/javascript" src="static/js/common.js"></script>
		<script>
			$(document).ready(function () {
			    // if (isFrontEnv()) {
			        function magnify() {
			            // 灏忓浘鐩掑瓙
			            var small = $('.list');
			            // 灏忓浘
			            var smallpic = $('.list .smallpic');
			            // 澶у浘鐩掑瓙
			            var bigBox = $('.bigBox');
			            // 澶у浘
			            var bigpic = $('.bigpicA');
			
			            small.each(function (i, ele) {
			                var smallmove = $(ele).find('.smallmove')
			                $(ele).on('mouseover', function () {
			                        // 绉诲姩鍧楁樉绀?
			                        smallmove.removeClass('hide').addClass('show');
			                        // 璁剧疆澶у浘鐨剆rc鍊?
			                        var src = $(this).find('.smallpic').attr('src');
								
			                        bigpic.attr('src', src);
			                        // 鏄剧ず澶у浘鐨勫湴鏂规樉绀?
			                        bigBox.removeClass('hide').addClass('show');
									
									var s=$(this).html();
									// alert(s);
									// alert($(this).height()+"*"+bigBox.height()+"/"+bigpic.height());
									
			                        // 绉诲姩鍧楃殑澶у皬
			                        smallmove.css({
			                            "width": $(this).width() * bigBox.width() / bigpic.width(),
										"height": $(this).width() * bigBox.width() / bigpic.width()
			                            // "height": $(this).height() * bigBox.height() / bigpic.height()
			                        });
			                    })
			                    .on('mousemove', function (ev) {
			                        ev = ev || event;
			                        // 绉诲姩鍧楄窛绂诲乏渚х殑璺濈
			                        var sLeft = ev.pageX - $(this).offset().left - smallmove.width() /
			                            2 - 1;
			                        // 绉诲姩鍧楄窛绂婚《閮ㄧ殑璺濈
			                        var sTop = ev.pageY - $(this).offset().top - smallmove.height() /
			                            2 - 1;
			                        // 璁＄畻宸︿晶璺濈
			                        if (sLeft <= 0) {
			                            sLeft = 0;
			                        } else if (sLeft >= $(this).width() - 2 - smallmove.width()) {
			                            sLeft = $(this).width() - 2 - smallmove.width();
			                        };
			                        // 璁＄畻璺濋《閮ㄨ窛绂?
			                        if (sTop <= 0) {
			                            sTop = 0;
			                        } else if (sTop >= $(this).width() - 2 - smallmove.width()) {
			                            sTop = $(this).width() - 2 - smallmove.width();
			                        };
			                        // 璁剧疆绉诲姩鍧楃殑浣嶇疆
			                        smallmove.css({
			                            left: sLeft,
			                            top: sTop
			                        });
			                        var ratio = - bigpic.width() * sLeft  / $('.list').width();
			                        var ratioB =-  bigpic.width() * sTop  / $('.list').width();
			                        // 璁剧疆澶у浘鐨勪綅缃?
			                            bigpic.css({
			                                left: ratio,
			                                top: ratioB
			                            });
			                    })
			                    .on('mouseout', function () {
			                        // 榧犳爣绂诲紑
			                        // 绉诲姩鍧楅殣钘?
			                        smallmove.addClass('hide').removeClass('show');
			                        // 澶у浘闅愯棌
			                        bigBox.addClass('hide').removeClass('show');
			                    });
			            })
			        };
					var wyzTop = new Swiper('.wyz-top', {
		
					});
					//灏嗕富鍥剧殑鏁版嵁浼犻€掔粰缂╃暐鍥?
					$('.wyz-top .swiper-slide').each(function(index, slide) {
					  // var mainSrc = $(slide).data('src');
					   var firstdiv1 =$('<div class="swiper-slide" style="width:80px;"><img class="img lazyload"></div>');
					   var $container = $('.wyz-thumbs .swiper-wrapper')
					   $(firstdiv1).appendTo($container);
					   var mainSrc = $(slide).children('img').data('src');
					   var wyzThumbs = $('.wyz-thumbs .swiper-slide').eq(index).children('img');
					   var thumbdataSrc = wyzThumbs.attr('data-src');
					   var thumbSrc = wyzThumbs.attr('src');
					  // $('<div'+'class="swiper-slide">' + '<img'+'src="[img]_80x80.webp"'+'data-src="[img]_80x80.webp"' +' class="img lazyload"'+' alt="3"'>' + '<'+'/div>').appendTo($container);
					 
					  console.log(mainSrc);
					  console.log(wyzThumbs.children('img'));
					  
					   // if (!thumbSrc) {
						  wyzThumbs.attr("data-src", mainSrc);
						  wyzThumbs.attr("src", mainSrc);
					    //wyzThumbs.css('background-image', 'url(' + mainSrc + ')');
					  // }
					   
					});
			        // 缂╃暐鍥?
			        var wyzThumbs = new Swiper('.wyz-thumbs', {
			            slidesPerView: 6,
						spaceBetween: 4,
			            breakpoints: {
			                1024: {
			                    slidesPerView: 4,
			                    spaceBetween: 18
			                },
			                1300: {
			                    slidesPerView: 6,
			                    spaceBetween: 18
			                }
			            },
			            freeMode: true,
			            navigation: {
			                nextEl: '.pro-right',
			                prevEl: '.pro-left',
			            },
			            watchSlidesVisibility: true,
			            watchSlidesProgress: true,
						// thumbs: {
						//     swiper: '.wyz-top',
						//   }
			        });
					
					// 澶у浘
					var wyzTop = new Swiper('.wyz-top', {
					    thumbs: {
					        swiper: wyzThumbs
					    }
					});
		
			        // 缂╃暐鍥炬寜閽?
			        $('.pro-left').click(function () {
			            wyzTop.slidePrev();
			        });
			        $('.pro-right').click(function () {
			            wyzTop.slideNext();
			        });
		
					
			        // 鍝嶅簲寮?
			         // 鏀惧ぇ闀?
			         if($(window).width()>768)
			         {
			             magnify();
			            // 寮圭獥
			            // $(".pic ").colorbox({
			            //     rel: 'pic',
			            //     transition: "fade",
			            //     width: '80%',
			            //     height: '80%',
			            // });
			        }
				
					
			        
			    // };
			});
			
		</script>	
		
		
	</body>
</html>